<template>
	<view>
		<view class="pri-main-item" @click="toMyServe(1)" >
			<view class="pri-main-item-left" >
				<view class="image-icon">
					<image src="../../static/icon/ticket-order.png" mode=""></image>
				</view>
				<view class="image-icon-text">
					<text>门票订单</text>
				</view>
			</view>
			<view class = "pri-main-item-right">
				<text> > </text>
			</view>
		</view>
		<view class="pri-main-item" @click="toMyServe(2)">
			<view class="pri-main-item-left">
				<view class="image-icon">
					<image src="../../static/icon/goods_favor.png" mode=""></image>
				</view>
				<view class="image-icon-text">
					<text>商品订单</text>
				</view>
			</view>
			<view class = "pri-main-item-right">
				<text> > </text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			toMyServe(id){
				if(id===1){
					uni.navigateTo({
						url:"/pages/my-ticket-order/my-ticket-order"
					})
				}
				if(id===2){
					uni.navigateTo({
						url:"/pages/my-goods-order/my-goods-order"
					})
				}
			}
		}
	}
</script>

<style scoped>
.pri-main-item {
	margin-top: 15rpx;
	margin-left: 50rpx;
	width: 80%;
	height: 80rpx;
	border-bottom: #f1f1f1 solid 2rpx;
	display: flex;
	justify-content: space-between;
}
.pri-main-item-left {
	display: flex;
}
.pri-main-item-right {
	margin-top: 10rpx;
}
.pri-main-item-right text {
	color: gray;
}
.image-icon {
	margin-right: 30rpx;
	padding-top: 5rpx;
}
.image-icon image{
	width: 40rpx;
	height: 40rpx;
	margin-top: 10rpx;
}
.image-icon-text {
	margin: 10rpx;
}
.image-icon-text text {
	
	font-size: 30rpx;
	height: 50rpx;
	line-height: 50rpx;
}
</style>
